<template>
  <div>
  <div   v-if="projectName == '1'">
    <div class="title">项目名称</div>
      <h2 style="font-weight: bolder;margin-left: 50px">短道速滑</h2>
      <p style="margin-left: 60px;font-size: 18px;">短道速滑（Short Track Speed Skating），全称短跑道速度滑冰，是在长度较短的跑道上进行的冰上竞速运动。</p>
      <p style="margin-left: 60px;font-size: 18px;">短道速滑起源于加拿大，当时加拿大的一些速度滑冰爱好者常到室内冰球场上练习，随之产生了室内速度滑冰的比赛。20世纪初，短道速滑逐渐在欧洲和美洲国家广泛开展。1975年，国际滑冰联盟成立短跑道速度滑冰技术委员会。1981年起，开始举办世界短道速滑锦标赛。1988年，短道速滑在卡尔加里冬季奥运会被首次列为冬季奥运会表演项目，1992年，阿尔贝维尔冬季奥运会将短道速滑列为正式比赛项目。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/b1ec88e6/1ff9/b1ec88e6-1ff9-4da1-be73-a711925aaf54.jpg"/>
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://new.inews.gtimg.com/tnews/f5f736b2/f503/f5f736b2-f503-4ea6-895e-8dc9f02595b9.png">
      <div class="venue-desc">
        <div class="desc-title">首都体育馆</div>
        <div class="desc-text">1968年建成，国内第一座人工室内冰场，曾举办2008年北京奥运会排球比赛。2022年北京冬奥会期间将承担短道速滑和花样滑冰比赛任务，产生14枚金牌。这是北京冬奥会第一项完工的改扩建竞赛场馆工程：外观“修旧如旧”，延续经典；场馆内着力打造“最美的冰”，营造更好观赛体验。</div>
      </div>
    </div>
  </div>
  <div  v-else-if="projectName == '2'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">速度滑冰</h2>
    <p style="margin-left: 60px;font-size: 18px;">速度滑冰（Speed Skating）是以冰刀为工具在冰上进行的一种冰上竞速运动。在国际体育分类学上属于滑冰运动。它是指在规定距离内以竞速为目的的滑冰比赛，简称速滑，是冬季奥运会的正式比赛项目。运动员脚着冰鞋在冰面上滑行，借助冰刀的刀刃切入冰面形成稳固的支撑点，通过两腿轮流蹬冰、收腿、下刀，滑进动作以及全身协调配合向前快速滑行。</p>
    <p style="margin-left: 60px;font-size: 18px;">速度滑冰是一项历史悠久的运动，早在十一二世纪，在荷兰、英国、瑞士以及斯堪的纳维亚一些国家的早期文献中就有关于将动物骨骼绑在脚上在冰上快速移动的记载，这是滑冰运动的早期雏形。从19世纪40年代开始，速度滑冰从英格兰和荷兰迅速传入其他国家，滑冰俱乐部也由此纷纷建立。19世纪70年代，一些国家建立全国性滑冰组织的要求开始产生。1879年，第一个全国性的滑冰领导机构—英国滑冰协会创立。1893年1月，在国际滑联的领导下，第一届世界男子速度滑冰锦标赛在阿姆斯特丹举行。男、女速度滑冰分别于1924年、1960年被列为冬奥会比赛项目。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/1f10a5d1/a26b/1f10a5d1-a26b-4cae-b924-51bd7f7a2b2a.jpg"/>
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998682317078.png">
      <div class="venue-desc">
        <div class="desc-title">国家速滑馆</div>
        <div class="desc-text">国家速滑馆又称“冰丝带”，是本届赛事唯一新建冰上竞赛场馆，与“鸟巢”、“水立方”共同组成“双奥”之城的标志性建筑群。“冰丝带”是冬奥历史上第一个使用二氧化碳作为制冷剂的速滑场馆，将承担速度滑冰项目的比赛，产生14块金牌，是冬奥会产生金牌数量最多的单个场馆。</div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '3'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">花样滑冰</h2>
    <p style="margin-left: 60px;font-size: 18px;">花样滑冰（Figure Skating）是冰上运动项目之一。运动员通过冰刀在冰面上划出图形，并表演跳跃、旋转等高难度动作。花样滑冰的裁判会按照动作的质量与艺术性表现进行综合评分，最高为6分。</p>
    <p style="margin-left: 60px;font-size: 18px;">花样滑冰起源于18世纪的英国，后相继在德国、北美地区国家迅速开展。1892年，国际滑冰联盟在荷兰正式成立，并制定了该项目的比赛规则。1872年奥地利首次举办花样滑冰比赛。1882年，奥地利花样滑冰选手弗列依和他的妻子在维也纳冰场手拉手跳起了双人舞后，诞生了双人滑。1896年在俄国彼得堡举行首次世界男子单人花样滑冰锦标赛。1990年，亚洲滑冰联合会成立。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/f9d99258/b121/f9d99258-b121-4b06-9e29-894698028c5f.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://new.inews.gtimg.com/tnews/f5f736b2/f503/f5f736b2-f503-4ea6-895e-8dc9f02595b9.png">
      <div class="venue-desc">
        <div class="desc-title">首都体育馆</div>
        <div class="desc-text">1968年建成，国内第一座人工室内冰场，曾举办2008年北京奥运会排球比赛。2022年北京冬奥会期间将承担短道速滑和花样滑冰比赛任务，产生14枚金牌。这是北京冬奥会第一项完工的改扩建竞赛场馆工程：外观“修旧如旧”，延续经典；场馆内着力打造“最美的冰”，营造更好观赛体验。</div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '4'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">冰球</h2>
    <p style="margin-left: 60px;font-size: 18px;">冰球运动（Ice Hockey）是以冰刀和冰球杆为工具在冰上进行的一种相互对抗的集体性竞技运动，由男子和女子两个小项组成，在国际体育分类学上属独立的冬季运动项目。</p>
    <p style="margin-left: 60px;font-size: 18px;">冰球运动的产生晚于足球、曲棍球和速度滑冰等运动项目。据考证，现代冰球运动起源于加拿大。在加拿大的英国留学生W·F·罗伯逊，滑冰很出色，他把在英国学习期间了解到的曲棍球，移到冰上打，并结合“拉克罗斯球”的特点，于1783年创造了一种新的冰上运动——冰球。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/00b868ae/b0c8/00b868ae-b0c8-4bdf-a626-f834b5eb5ece.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-tab-bar">
      <div class="venue-tab active-tab" @click="dianji" data-index="0">国家体育馆</div>
      <div class="venue-tab" @click="dianji1" data-index="1">五棵松体育中心</div>
    </div>
    <div class="content">
      <div class="venue-desc-wrapper venue-desc-wrapper-no active" v-if="index == 0" data-index="0" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="//img1.gtimg.com/ninja/2/2022/02/ninja164578725727621.jpg">
            <div class="venue-desc1">
              <div class="desc-title">国家体育馆</div>
              <div class="desc-text">国家体育馆作为北京2008年奥运会及残奥会的竞赛场馆之一，曾经举办体操、蹦床等项目。改造后将举办北京2022年冬奥会男子冰球和女子冰球部分比赛、冬残奥会残疾人冰球比赛。场馆赛后除开展冰球运动外，还可以开展花样滑冰、短道速滑等项目，还具有开展夏季运动的多功能转换能力。</div>
            </div>
          </div>
        </div>

      </div>
      <div class="venue-desc-wrapper venue-desc-wrapper-no" v-if="index == 1" data-index="1" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998704116007.png">
            <div class="venue-desc1">
              <div class="desc-title">五棵松体育中心</div>
              <div class="desc-text">五棵松体育中心可在6小时内实现冰球、篮球两种比赛模式的转换，是国内首个在一块比赛场地同时举办篮球、冰球两种职业体育赛事的场馆。按超低能耗建筑标准设计建造的五棵松冰上运动中心在北京冬奥会期间将作为冰球训练馆使用，其特殊设计的多彩外幕墙体系，让场馆得名“冰菱花”。</div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  <div   v-else-if="projectName =='5'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">冰壶</h2>
    <p style="margin-left: 60px;font-size: 18px;">冰壶（Curling）又称掷冰壶，冰上溜石，是以队为单位在冰上进行的一种投掷性竞赛项目，被大家喻为冰上的“国际象棋”，它考验参与者的体能与脑力，展现动静之美，取舍之智慧，属于冬奥会比赛项目。</p>
    <p style="margin-left: 60px;font-size: 18px;">冰壶于14世纪起源于苏格兰。1795年，第一个冰壶俱乐部在苏格兰创立。1927年，加拿大举行了首次全国性冰壶比赛，冰壶于1955年传入亚洲。1924年冰壶作为表演项目被纳入第一届冬奥会。1998年正式列入冬奥会比赛项目</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/5b76298a/acb0/5b76298a-acb0-469b-9874-1ef4c33817df.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998733959160.png">
      <div class="venue-desc">
        <div class="desc-title">国家游泳中心</div>
        <div class="desc-text">“双奥场馆”国家游泳中心在2019年首次通过“水冰转换”制出4条冬奥标准的冰壶赛道。“水冰转换”让国家游泳中心可以在“水上功能”和“冰上功能“之间自由切换，可以同时具备开展水上运动、冰上运动，及各类大型活动的能力。场馆泳池正常向公众开放。</div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '6'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">雪车</h2>
    <p style="margin-left: 60px;font-size: 18px;">雪车也称“有舵雪橇”，是一种集体乘坐雪车，是乘坐可操纵方向的雪橇在冰道上滑行的运动项目。 [1]  最理想的天气是0℃或低于0℃的晴天。</p>
    <p style="margin-left: 60px;font-size: 18px;">雪车起源于19世纪后期的瑞士，雪车男子四人座在1924年第一届法国夏幕尼冬季奥运会上被采纳为正式比赛项目。1897年，第一个有舵雪橇俱乐部在圣莫里茨创立。1924年第一届冬奥会中，雪车就已经成为比赛项目，1998年，女子2人座项目加入冬奥会。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/5693deb2/b3ea/5693deb2-b3ea-4d7f-a127-99a5ffb08875.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998795720556.png">
      <div class="venue-desc">
        <div class="desc-title">国家雪车雪橇中心</div>
        <div class="desc-text">国家雪车雪橇中心是北京冬奥会雪车、雪橇、钢架雪车项目比赛场地。场馆共有16个角度、坡度不同的弯道，2020年10月赛道制冰完成后，迎来国家队入驻训练，成为北京冬奥会首个国家队入驻训练的竞赛场馆。</div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '7'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">钢架雪车</h2>
    <p style="margin-left: 60px;font-size: 18px;">钢架雪车也称卧式雪橇、俯式冰橇，又称冰橇，是以雪橇为工具，借助起滑后的惯性从山坡沿专门构筑的冰道快速滑降的一种冬季运动。钢架雪车没有转向器和刹车装置，底部由铅块加重的骨架和两根固定的管状钢刃组成。最理想的天气是0℃或低于0℃的晴天。</p>
    <p style="margin-left: 60px;font-size: 18px;">由于速度极快，又头部朝下，危险性极高，钢架雪车曾几度在冬奥赛场匿迹销声。19世纪，钢架雪车在瑞士、奥地利、意大利、德国以及美国等国家兴起。1928年，第二届冬奥会在瑞士圣莫里茨举行，作为无舵雪橇的故乡，瑞士决定将钢架雪车纳入冬奥会，获得了国际奥委会的批准。2002年，盐湖城冬奥会，再度成为冬奥会的比赛项目，设男子和女子2个项目。</p>
    <p style="margin-left: 60px;font-size: 18px;">钢架雪车的最高组织结构是国际有舵雪橇和平底雪橇联合会，该组织于1923年11月在巴黎成立，总部设在意大利米兰。中国钢架雪车运动的组织为中国雪车协会，成立于1983年11月。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/c568c65a/a1b7/c568c65a-a1b7-4aed-8481-7c249c2d446b.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998795720556.png">
      <div class="venue-desc">
        <div class="desc-title">国家雪车雪橇中心</div>
        <div class="desc-text">国家雪车雪橇中心是北京冬奥会雪车、雪橇、钢架雪车项目比赛场地。场馆共有16个角度、坡度不同的弯道，2020年10月赛道制冰完成后，迎来国家队入驻训练，成为北京冬奥会首个国家队入驻训练的竞赛场馆。</div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '8'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">雪橇</h2>
    <p style="margin-left: 60px;font-size: 18px;">雪橇（Luge），雪上运动项目之一。在比赛中乘坐金属制或木制的双橇滑板沿着有各种弯度的专用冰道高速滑降至终点的一种运动。最理想的天气是0℃或低于0℃的晴天。</p>
    <p style="margin-left: 60px;font-size: 18px;">雪橇运动起源于瑞士，后逐渐在欧洲、北美和亚洲等地流行。雪橇最初为木制，后发展成用金属制作。1884年英国举行首次雪橇公开赛。1964年因斯布鲁克冬季奥运会雪橇首次亮相奥运会。 2014年索契冬季奥运会增加了雪橇团体接力</p>
    <p style="margin-left: 60px;font-size: 18px;">雪橇运动的最高组织结构是国际无舵雪橇联合会和国际有舵雪橇和平底雪橇联合会，该组织于1923年11月在巴黎成立，总部现设意大利米兰。中国雪橇运动最高组织为中国雪橇协会。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/eac3a694/0169/eac3a694-0169-4f70-b3cd-40a2d3f375fe.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998795720556.png">
      <div class="venue-desc">
        <div class="desc-title">国家雪车雪橇中心</div>
        <div class="desc-text">国家雪车雪橇中心是北京冬奥会雪车、雪橇、钢架雪车项目比赛场地。场馆共有16个角度、坡度不同的弯道，2020年10月赛道制冰完成后，迎来国家队入驻训练，成为北京冬奥会首个国家队入驻训练的竞赛场馆。</div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '9'">
      <div class="title">项目名称</div>
      <h2 style="font-weight: bolder;margin-left: 50px">冬季两项</h2>
      <p style="margin-left: 60px;font-size: 18px;">冬季两项是雪上运动项目之一，也是冬奥会的正式项目之一。由越野滑雪和射击两种特点不同的相结合的竞赛项目结合在一起进行的运动，要求运动员既要有由动转静的能力，又要有由静转动的能力</p>
      <p style="margin-left: 60px;font-size: 18px;">冬季两项起源于挪威，与人们在冬季狩猎活动有关，是一种滑雪加射击的比赛。冬季两项在1924、1928、1936和1948年冬奥会上被列为表演项目，1958年举行第1届世界现代冬季两项锦标赛，1960年被列为冬奥会比赛项目，并定名为现代冬季两项。女选手首次参加世锦赛是在1984年，而女子项目进入冬奥会是1992年阿尔贝维尔冬奥会。其中男子15公里集体出发赛和12.5公里集体出发赛在2006年都灵首次亮相奥运会。</p>
      <div class="title">项目描述</div>
      <img class="desc-img" src="https://new.inews.gtimg.com/tnews/639d7075/d327/639d7075-d327-4848-a5e2-7ef7eea76bd1.jpg">
      <div class="venue-module">比赛场地</div>
      <div class="venue-outside-position">
        <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998841584647.png">
        <div class="venue-desc">
          <div class="desc-title">国家冬季两项中心</div>
          <div class="desc-text">国家冬季两项中心位于张家口市崇礼区太子城区域东北侧山谷，依次布置靶场、赛道与起终点区、场馆技术楼等。国家冬季两项中心将承担北京冬奥会冬季两项以及冬残奥会冬季两项的比赛。</div>
        </div>
      </div>
  </div>
  <div   v-else-if="projectName == '10'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">高山滑雪</h2>
    <p style="margin-left: 60px;font-size: 18px;">高山滑雪（Alpine Skiing）是以滑雪板、雪鞋、固定器和滑雪杖为主要用具，从山上向山下，沿着旗门设定的赛道滑下的雪上竞速运动项目。奥运会高山滑雪设男子项目、女子项目、混合项目。其中，男子项目和女子项目各设滑降、回转、大回转、超级大回转、全能5个小项，混合项目则为混合团体赛。其中，滑降和超级大回转属速度项目，按一次滑行成绩决出名次。回转和大回转属技术项目，以两次滑行成绩合计计算。</p>
    <p style="margin-left: 60px;font-size: 18px;">高山滑雪起源于阿尔卑斯山地域，故又称“阿尔卑斯滑雪”。高山滑雪是在越野滑雪基础上逐步形成的，是雪上运动的一个分支。一般认为高山滑雪诞生于1907年，这年第一个高山滑雪运动组织“阿尔卑斯山滑雪俱乐部”创立。20世纪20年代开始，高山滑雪比赛在阿尔卑斯地区纷纷举行，各类高山滑雪学校相继建立。1936年起，高山滑雪被列为冬奥会比赛项目。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/30bf7c51/0291/30bf7c51-0291-4471-bace-5fc9d6eff2ab.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163997011390678.png">
      <div class="venue-desc">
        <div class="desc-title">国家高山滑雪中心</div>
        <div class="desc-text">高山滑雪被誉为“冬奥会皇冠上的明珠”。国家高山滑雪中心设7条雪道，雪道坡度大、落差大，建设难度极高，主要承担高山滑雪赛事。同时国家高山滑雪中心还包括山顶出发区、中间平台、竞技结束区、集散广场、索道等配套设施。 </div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '11'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">自由式滑雪</h2>
    <p style="margin-left: 60px;font-size: 18px;">自由式滑雪，是以滑雪板和滑雪杖为工具，在专门的滑雪场上，通过完成一系列的规定和自选动作而进行的一种雪上竞技项目。它是在高山滑雪的基础上孕育发展而成，是由空中技巧、雪上技巧和雪上芭蕾三个独立的小项组成</p>
    <p style="margin-left: 60px;font-size: 18px;">自由式滑雪起源于20世纪60年代的美国，从1992年开始，男、女单人雪上技巧被列为冬奥会比赛项目。1988年和1992年被列入冬奥会表演项目。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163991767476700.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-tab-bar">
      <div class="venue-tab" @click="dianji" data-index="0">首钢滑雪大跳台</div>
      <div class="venue-tab active-tab" @click="dianji1" data-index="1">云顶滑雪公园</div>
    </div>
    <div class="content">
      <div class="venue-desc-wrapper venue-desc-wrapper-no active" v-if="index == 0" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja164023236484707.jpg">
            <div class="venue-desc1">
              <div class="desc-title">首钢滑雪大跳台</div>
              <div class="desc-text">首钢滑雪大跳台将在北京冬奥会期间承担单板和自由式滑雪大跳台比赛项目，设计理念源自中国敦煌壁画中传统的飞天造型，从侧面看去又犹如一只灵动的“水晶鞋”。</div>
            </div>
          </div>
        </div>
      </div>
      <div class="venue-desc-wrapper venue-desc-wrapper-no"  v-if="index == 1" data-index="1" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163996962663072.png">
            <div class="venue-desc1">
              <div class="desc-title">云顶滑雪公园</div>
              <div class="desc-text">云顶滑雪公园包括U型场地技巧、坡面障碍技巧、雪上技巧、空中技巧、障碍追逐、平行大回转六条赛道，共计产生20块金牌。张家口山地媒体中心位于场馆群内，由云顶大酒店改建而成。云顶滑雪公园不仅是自由式滑雪及单板滑雪国家队的训练基地，也为大众冰雪运动提供了优质场地。</div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '12'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">单板滑雪</h2>
    <p style="margin-left: 60px;font-size: 18px;">单板滑雪是一项以一块滑雪板为工具，在规定的山坡线路上快速回转滑降，或在特设的“U”形场地内凭借滑坡起跳，在空中完成各种高难度动作的雪上竞技项目。</p>
    <p style="margin-left: 60px;font-size: 18px;">单板滑雪起源于20世纪60年代的美国密歇根州，从1998年开始，单板滑雪的高山大回转和“U”形场地雪上单板技巧成为正式比赛项目。2003年，中国的单板滑雪正式立项，主要开展U型场地雪上技巧项目。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163991767476700.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-tab-bar">
      <div class="venue-tab" @click="dianji" data-index="0">首钢滑雪大跳台</div>
      <div class="venue-tab active-tab" @click="dianji1" data-index="1">云顶滑雪公园</div>
    </div>
    <div class="content">
      <div class="venue-desc-wrapper venue-desc-wrapper-no active" v-if="index == 0" data-index="0" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja164023236484707.jpg">
            <div class="venue-desc1">
              <div class="desc-title">首钢滑雪大跳台</div>
              <div class="desc-text">首钢滑雪大跳台将在北京冬奥会期间承担单板和自由式滑雪大跳台比赛项目，设计理念源自中国敦煌壁画中传统的飞天造型，从侧面看去又犹如一只灵动的“水晶鞋”。</div>
            </div>
          </div>
        </div>

      </div>
      <div class="venue-desc-wrapper venue-desc-wrapper-no" v-if="index == 1" data-index="1" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163996962663072.png">
            <div class="venue-desc1">
              <div class="desc-title">云顶滑雪公园</div>
              <div class="desc-text">云顶滑雪公园包括U型场地技巧、坡面障碍技巧、雪上技巧、空中技巧、障碍追逐、平行大回转六条赛道，共计产生20块金牌。张家口山地媒体中心位于场馆群内，由云顶大酒店改建而成。云顶滑雪公园不仅是自由式滑雪及单板滑雪国家队的训练基地，也为大众冰雪运动提供了优质场地。</div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  <div  v-else-if="projectName == '13'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">跳台滑雪</h2>
    <p style="margin-left: 60px;font-size: 18px;">跳台滑雪（ Ski jumping）是以滑雪板为工具，在专设的跳台上以自身的体重通过助滑坡获得的速度比跳跃距离和动作姿势的一种雪上竞技项目。它是滑雪运动的一个独立分支，在国际体育分类学上被列为滑雪运动。</p>
    <p style="margin-left: 60px;font-size: 18px;">跳台滑雪起源于19世纪的挪威，1924年，跳台滑雪被列为冬奥会项目；1976年，国际滑雪联合会决定将标准坡度和大坡度分别由K70和K90改为K90和K120。1982年，吉林市成立了跳台滑雪队。1984年，中国国内举行了首次跳台滑雪比赛。 [1]  2003年，中国跳台滑雪队获得赞助并常年在奥地利训练</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/78ab67c7/dec3/78ab67c7-dec3-45d9-acf9-e61d277afa6c.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside-position">
      <img class="venue-desc-img" src="https://new.inews.gtimg.com/tnews/bf300386/915e/bf300386-915e-40e1-9dfb-cd355df56c08.png">
      <div class="venue-desc">
        <div class="desc-title">国家跳台滑雪中心</div>
        <div class="desc-text">国家跳台滑雪中心将承担北京冬奥会跳台滑雪、北欧两项的比赛。国家跳台滑雪中心是我国首座符合国际标准的跳台滑雪场地，也是张家口赛区冬奥会场馆群建设中工程量最大、技术难度最高的竞赛场馆。跳台剖面因与中国传统吉祥饰物“如意”的S形曲线契合，因此被形象地称为“雪如意”。</div>
      </div>
    </div>
  </div>
  <div   v-else-if="projectName == '14'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">越野滑雪</h2>
    <p style="margin-left: 60px;font-size: 18px;">越野滑雪是借助滑雪用具，运用登山、滑降、转弯、滑行等基本技术，滑行于山丘雪原的运动项目。</p>
    <p style="margin-left: 60px;font-size: 18px;">越野滑雪起源于北欧，又称北欧滑雪，是世界运动史上最古老的运动项目之一。1924年首次列入冬季奥运会比赛项目。1973-1974赛季，男子世界杯越野滑雪锦标赛成功举办，女子世界杯越野滑雪锦标赛是从1978-1979赛季开始。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/821c30b8/d87b/821c30b8-d87b-42c4-8fad-605b376c3032.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-outside">
      <div class="venue-outside-position">
        <img class="venue-desc-img" src="https://img1.gtimg.com/ninja/2/2021/12/ninja163998709058694.jpg">
        <div class="venue-desc">
          <div class="desc-title">国家越野滑雪中心</div>
          <div class="desc-text">国家越野滑雪中心将承担北京冬奥会越野滑雪和北欧两项的比赛。越野滑雪是冬季项目中的马拉松，赛道路线长、运动员比赛时间长，是典型的耐力项目。</div>
        </div>
      </div>
    </div>
  </div>
  <div  v-else-if="projectName == '15'">
    <div class="title">项目名称</div>
    <h2 style="font-weight: bolder;margin-left: 50px">北欧两项</h2>
    <p style="margin-left: 60px;font-size: 18px;">北欧两项起源于北欧，由越野滑雪和跳台滑雪组成，在挪威和瑞典流传很长时间，成为北欧传统项目，又称北欧全能。</p>
    <p style="margin-left: 60px;font-size: 18px;">1883年被列入霍尔门科伦滑雪大奖赛，20世纪初开始向世界推广，1924年被列为首届冬季奥运会比赛项目，1988年第15届冬季奥运会开始设团体项目。2002年美国“冬奥会”上新增加了个人追逐（竞速）赛。</p>
    <div class="title">项目描述</div>
    <img class="desc-img" src="https://new.inews.gtimg.com/tnews/2a27e62e/1632/2a27e62e-1632-40fa-b2c4-53e1cb4f3e30.jpg">
    <div class="venue-module">比赛场地</div>
    <div class="venue-tab-bar">
      <div class="venue-tab active-tab" @click="dianji" data-index="0">国家跳台滑雪中心</div>
      <div class="venue-tab" @click="dianji1" data-index="1">国家越野滑雪中心</div>
    </div>
    <div class="content">
      <div class="venue-desc-wrapper venue-desc-wrapper-no" v-if="index == 0" data-index="0" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="https://new.inews.gtimg.com/tnews/bf300386/915e/bf300386-915e-40e1-9dfb-cd355df56c08.png">
            <div class="venue-desc1">
              <div class="desc-title">国家跳台滑雪中心</div>
              <div class="desc-text">国家跳台滑雪中心将承担北京冬奥会跳台滑雪、北欧两项的比赛。国家跳台滑雪中心是我国首座符合国际标准的跳台滑雪场地，也是张家口赛区冬奥会场馆群建设中工程量最大、技术难度最高的竞赛场馆。跳台剖面因与中国传统吉祥饰物“如意”的S形曲线契合，因此被形象地称为“雪如意”。</div>
            </div>
          </div>
        </div>
      </div>
      <div class="venue-desc-wrapper active venue-desc-wrapper-no" v-if="index == 1" data-index="1" data-is-inside="">
        <div class="venue-outside">
          <div class="venue-outside-position">
            <img class="venue-desc-img" src="//img1.gtimg.com/ninja/2/2021/12/ninja163998789772250.png">
            <div class="venue-desc1">
              <div class="desc-title">国家越野滑雪中心</div>
              <div class="desc-text">国家越野滑雪中心将承担北京冬奥会越野滑雪和北欧两项的比赛。越野滑雪是冬季项目中的马拉松，赛道路线长、运动员比赛时间长，是典型的耐力项目。</div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  </div>
</template>

<script>
export default {
  name: "detail",
  data(){
    return {
      projectName: this.$route.query.projectName,
      index: 0
    };
  },
  methods: {
    dianji(){
      const self = this
      self.index = 0
    },
    dianji1(){
      const self = this
      self.index = 1
    }

  }
}
</script>

<style scoped lang="scss">
.content {
  width: 1240px;
  margin-top: 20px;
}
.active-tab {
  color: #fff;
  background-color: #0c9cdd;
}
.active-tab,.venue-tab {
  font-size: 24px;
  font-weight: 700;
  cursor: default;
}
.venue-tab-bar{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.venue-tab {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 200px;
  height: 65px;
  color: #000;
  background-color: #f5f7fa;
  //float: left;
  margin: 0 6px 10px 0;
  line-height: 65px;
  text-align: center;
  padding: 0 20px;
  //top:20px;
  //left:100px
}
.venue-desc1{
  box-sizing: border-box;
  width: 362px;
  min-height: 430px;
  background-color: rgba(0,0,0,.6);
  padding: 25px;
  position: absolute;
  top: 120px;
  left: 120px;
}
.venue-desc-wrapper-no {
  min-height: 500px;
}
.active {
  //display: none;
}
.title {
  color: #043383;
  font-size: 40px;
  font-weight: 700;
  margin: 50px 0 30px;
}
.desc-img{
  width: 1240px;
  height: auto;
  padding-left: 80px;
}
.venue-outside-position{
  position: relative;
}
.venue-desc{
  box-sizing: border-box;
  width: 362px;
  min-height: 430px;
  background-color: rgba(0,0,0,.6);
  padding: 25px;
  position: absolute;
  top: 56px;
  left: 120px;
}
.desc-title {
  color: #fff;
  text-align: left;
  cursor: default;
  font-size: 30px;
  margin-bottom: 20px;
}
.desc-text {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}
body, img, input, li, p, ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}

.venue-desc-img{
  width: 1240px;
  height: 538px;
  padding-left: 80px;
}
.venue-module{
  color: #043383;
  font-size: 40px;
  font-weight: 700;
  margin: 50px 0 30px;
}
//.para-title.level-2 {
//  display: block;
//  clear: both;
//  font-size: 20px;
//  border-left: 12px solid #4F9CEE;
//  line-height: 24px;
//  font-size: 10px;
//  font-weight: 400;
//  font-family: Microsoft YaHei,SimHei,Verdana;
//  //margin: 35px 0 15px -30px;
//  position: relative;
//  *zoom: 1;
//}
</style>
